/*
 * Grid
 */
.elf {
    .row-sm {
        .rows(@breakpoint-mini);
    }
    .row {
        .rows(@breakpoint-small);
    }
    .row-m {
        .rows(@breakpoint-medium);
    }
    .row-l {
        .rows(@breakpoint-large);
    }

    .width-1,
    .width-flex-1 {
        .col(1);
    }
    .width-2,
    .width-flex-2 {
        .col(2);
    }
    .width-3,
    .width-flex-3 {
        .col(3);
    }
    .width-4,
    .width-flex-4 {
        .col(4);
    }
    .width-5,
    .width-flex-5 {
        .col(5);
    }
    .width-6,
    .width-flex-6 {
        .col(6);
    }
    .width-7,
    .width-flex-7 {
        .col(7);
    }
    .width-8,
    .width-flex-8 {
        .col(8);
    }
    .width-9,
    .width-flex-9 {
        .col(9);
    }
    .width-10,
    .width-flex-10 {
        .col(10);
    }
    .width-11,
    .width-flex-11 {
        .col(11);
    }
    .width-12,
    .width-flex-12 {
        .col(12);
    }

    .offset-1 {
        .offset(1)
    }
    .offset-2 {
        .offset(2)
    }
    .offset-3 {
        .offset(3)
    }
    .offset-4 {
        .offset(4)
    }
    .offset-5 {
        .offset(5)
    }
    .offset-6 {
        .offset(6)
    }
    .offset-7 {
        .offset(7)
    }
    .offset-8 {
        .offset(8)
    }
    .offset-9 {
        .offset(9)
    }
    .offset-10 {
        .offset(10)
    }
    .offset-11 {
        .offset(11)
    }
    .offset-12 {
        .offset(12)
    }

    .width-fixed {
        .col-fixed(20rem)
    }

}